﻿@using Windvoice.Albums
@model Windvoice.Albums.Album

@{
    ViewBag.Title = String.Format("{0} -- Albums", Model.AlbumName);
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@{ var photoes = (Photo[])ViewBag.Photos; }

@section headSection{
    <link type="text/css" rel="Stylesheet" href="/Content/css/jquery.lightbox.css" />
    <script type="text/javascript" src="/Content/js/jquery.lightbox.js"></script>
    <script type="text/javascript">
        $(function () {
            $('ul.photo-list a').lightBox({ fixedNavigation: true });
        });
    
    </script>

}

<div class="body-left">
    <div class="albumdetail">
        <h2>@Model.AlbumName</h2>
        <span>@photoes.Length photoes, created on @Model.CreateTime.ToString("yyyy-MM-dd") </span>
        <p>@Model.Description</p>
        <div class="album-navigate">
            <a href="/album">返回</a>
        </div>
        <ul class="photo-list">
            @foreach (var photo in photoes)
            {
                <li>
                    <a href="@photo.Path" title="@photo.Description">
                        <img src="@photo.SmallPath" alt="@photo.Description"/>
                    </a>
                </li>
            }
            <div class="clear"></div>
        </ul>
    </div>
</div>

@Html.Partial("_PartialRight")
<div class="clear"></div>
